<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Amaze UI Admin table Examples</title>
  <meta name="description" content="这是一个 table 页面">
  <meta name="keywords" content="table">
  <% include("/common/inc/_css.html"){} %>
</head>
<body>
<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
  以获得更好的体验！</p>
<![endif]-->

  <% include("/common/inc/_header.html"){} %>

<% include("/common/inc/_function.html"){} %>
  <!-- sidebar end -->

  <!-- content start -->
  <div class="admin-content">
    <div class="admin-content-body">
      <div class="am-cf am-padding am-padding-bottom-0">
        <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">客户列表</strong> / <small>Table</small></div>
      </div>

      <hr>

      <div class="am-g">
        <div class="am-u-sm-12 am-u-md-6">
          <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
              <a href="${ctxPath}/customer/pool" type="button" class="am-btn am-btn-default"><span class="am-icon-plus"></span> 新增</a>
              <button type="button" class="am-btn am-btn-default"><span class="am-icon-save"></span> 保存</button>
              <button type="button" class="am-btn am-btn-default"><span class="am-icon-archive"></span> 审核</button>
              <button type="button" class="am-btn am-btn-default"><span class="am-icon-trash-o"></span> 删除</button>
              <button type="button" class="am-btn am-btn-default"><span class="am-icon-pencil-square-o"></span> 发送短信</button>
        <button type="button" class="am-btn am-btn-default"><span class="am-icon-pencil-square-o"></span> 发送邮件</button>
              <div class="am-u-sm-12 am-u-md-3">
          <div class="am-form-group">
            <select data-am-selected="{btnSize: 'sm'}">
              <option value="option1">批量操作</option>
              <option value="option2">批量删除</option>
              <option value="option3">批量关注</option>
              <option value="option3">批量共享</option>
              <option value="option3">取消关注</option>
              <option value="option3">取消共享</option>
            </select>
          </div>
        </div>
            </div>
          </div>
        </div>
        <div class="am-u-sm-12 am-u-md-3">
          <div class="am-form-group">
            <select data-am-selected="{btnSize: 'sm'}">
              <option value="option1">所有类别</option>
              <option value="option2">IT业界</option>
              <option value="option3">数码产品</option>
              <option value="option3">笔记本电脑</option>
              <option value="option3">平板电脑</option>
              <option value="option3">只能手机</option>
              <option value="option3">超极本</option>
            </select>
          </div>
        </div>
        <div class="am-u-sm-12 am-u-md-3">
          <div class="am-input-group am-input-group-sm">
            <input type="text" class="am-form-field">
          <span class="am-input-group-btn">
            <button class="am-btn am-btn-default" type="button">搜索</button>
          </span>
          </div>
        </div>
      </div>

      <div class="am-g">
        <div class="am-u-sm-12">
          <form class="am-form">
            <table class="am-table am-table-striped am-table-hover table-main">
              <thead>
              <tr>
                <th class="table-check"><input type="checkbox" /></th><th class="table-id">序号</th><th class="table-title">客户名称</th>
                <th class="table-type">客户行业</th><th class="table-date am-hide-sm-only">评分</th>
                <th class="table-date am-hide-sm-only">客户联系地址</th>
                <th class="table-date am-hide-sm-only">创建人</th><th class="table-date am-hide-sm-only">创建时间</th>
                <th class="table-date am-hide-sm-only">更新时间</th><th class="table-set">操作</th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td><input type="checkbox" /></td>
                <td>1</td>
                <td><a href="#">1</a></td>
                <td>1</td>
                <td class="am-hide-sm-only">1</td>
                <td class="am-hide-sm-only">北京</td>
                <td class="am-hide-sm-only">李金辉</td>
                <td class="am-hide-sm-only">2017-9-19</td>
                <td class="am-hide-sm-only">2017-9-19</td>
                <td>
                  <div class="am-btn-toolbar">
                    <div class="am-btn-group am-btn-group-xs">
                      <a href="" class="am-btn am-btn-default am-btn-xs am-text-secondary"><span class="am-icon-pencil-square-o"></span> 编辑</a>
                       <a onclick="deleteUser()" class="am-btn am-btn-default am-btn-xs am-text-dangeram-hide-sm-only"><span class="am-icon-trash-o"></span> 删除</a>
                    </div>
                  </div>
                </td>
              </tr>
              </tbody>
            </table>
        <div class="am-cf">
             <% 
             var curUrl = ctxPath + "/auth/user/list";
             include("/common/inc/_page.html",{pageUrl:curUrl}){}              
             %>
            </div>
            <hr />
            <p>注：.....</p>
          </form>
        </div>

      </div>
    </div>
<!-- 删除提示 -->
		<div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirm">
			<div class="am-modal-dialog">
				<div class="am-modal-hd">删除提示</div>
				<div class="am-modal-bd">你，确定要删除这条记录吗？</div>
				<div class="am-modal-footer">
					<span class="am-modal-btn" data-am-modal-cancel>取消</span> <span
						class="am-modal-btn" data-am-modal-confirm>确定</span>
				</div>
			</div>
		</div>


		<footer>
			<hr>
			<p class="am-padding-left">? 2014 AllMobilize, Inc. Licensed
				under MIT license.</p>
		</footer>

<footer>
  <hr>
  <p class="am-padding-left">? 2014 AllMobilize, Inc. Licensed under MIT license.</p>
</footer>
<% include("/common/inc/_js.html"){} %>
<script type="text/javascript">
			function deleteUser(id) {
				$('#my-confirm').modal({
					relatedTarget : this,
					onConfirm : function(options) {
						$.ajax({
							url : '${ctxPath }/auth/user/delete/'+id,
							type:'DELETE',
							success : function() {
								window.location.reload(); //刷新页面

							}
						})
					},
					onCancel : function() {

					}
				});
			}

			function seek() {
				var typeId = $("#typeId").val();
				var title = $("#title").val();

				window.location.href = "admin_articleList?typeId=" + typeId
						+ "&title=" + title;

			}
		</script>
</body>
</html>
